<template>
  <div id="app">
    <!-- <Button type="primary">主要按钮</Button>
    <Button type="info">信息按钮</Button>
    <Button type="default">默认按钮</Button>
    <Button type="warning">警告按钮</Button>
    <Button type="danger">危险按钮</Button> -->
    <!-- <van-rate v-model="value" @change="fn" /> -->

    <!-- <router-view/> -->

    <!-- 插槽 (用来传递html结构) -->
    <!-- 1. 匿名插槽 (默认匹配的名称为default) -->
    <!-- 2. 具名插槽 -->
    <!-- <Tab/>

    <Tab>
      <h2>我是头部</h2>
      <h2>我的尾部</h2>

      <h2 slot="head">我是头部</h2>
      <h2 slot="foot">我的尾部</h2>

      <h3>sdsf</h3>
      <h3>我是标题</h3>
      <h4>我是标题</h4>
      <h5>我是标题</h5>
    </Tab> -->

    <router-view/>
  </div>
</template>

<script>
// 806kb    2.06mb
import Tab from "./components/Tab.vue";
// import { Button } from "vant";
// import Vue from 'vue'
// import { Rate } from 'vant';
// import Rate from 'vant/lib/rate';
// import 'vant/lib/rate/style';
// Vue.use(Rate);
export default {
  components: {
    Tab,
    // Button
  },
  data() {
    return {
      value: 3,
    };
  },
  methods: {
    fn(val) {
      console.log(val);
    },
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
</style>
